<!DOCTYPE html>
<html>
<head>
    @include("/template/inc/inc.html"){}
    <title></title>
    <script>
    </script>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north',title:'',split:true" style="height:100px;">
        <a href="${ctxPath}/shiro/logout">登出</a>
    </div>
    <div data-options="region:'west',title:'菜单',split:true" style="width:300px;">
        <ul id="menu" class="easyui-tree"
            data-options="url:'${ctxPath}/menu/tree',parentField:'pid'
                        ,onClick:function(node){
                            if(node && node.attributes && node.attributes.url){
                                if($('#tabs').tabs('exists',node.text)){
                                    $('#tabs').tabs('select',node.text);
                                }else{
                                    $('#tabs').tabs('add',{
                                        title:node.text,
                                        href:'${ctxPath}'+node.attributes.url,
                                        closable:true
                                    });
                                }
                            }
                        }"></ul>
    </div>
    <div data-options="region:'center',title:''">
        <div id="tabs" class="easyui-tabs"
             data-options="fit:true,border:false
                        ,onClose:function(title,index){
                        }">
            <div title="ReadMe">
                说明
            </div>
        </div>
    </div>
    <div data-options="region:'south',title:'',split:true" style="height:100px;"></div>
</div>
</body>
</html>